.search-journal-container {
  &.search-result-page {
    .search-record-list {
      > .ant-spin-nested-loading {
        > .ant-spin-container {
          .search-record-inner-list{
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            gap: 16px;
          }

        }
      }
    }
  }
}

@media (max-width: @screen-md-max) {
  .search-journal-container {
    &.search-result-page {
      .search-record-list {
        > .ant-spin-nested-loading {
          > .ant-spin-container {
            .search-record-inner-list{
              grid-template-columns: repeat(1, 1fr);
            }

          }
        }
      }
    }
  }
}
